body {
  margin:0;
  // font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
li
  list-style: none
.animate03{
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
}
.animate05{
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

main
  box-sizing: border-box;
  flex:1;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff
  header
    height: 48px;
    line-height: 48px;
    background: #F7F7F7;
    text-indent: 30px;
  .wrap
    position: relative;
    flex: 1;
    background: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
    .head{
      height: 60px;
      span{
        padding-right: 5px;
      }
    }
  // .main-table .el-icon-edit, .main-table .el-icon-delete, .main-table .el-icon-search{
  //   font-size: 20px;
  //   color:#888;
  //   margin: 4px 10px;
  //   cursor: pointer;
  // }
  footer 
    height: 55px;
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2;
    width: 100%;
    display: flex;
    align-items: center;
    background: #F7f7f7;
    .el-button
      margin: 0 30px;


// 上传图片
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 200px;
  height: 140px;
  line-height: 140px;
  text-align: center;
}
.avatar {
  width: 200px;
  height: 140px;
  display: block;
  object-fit: cover;
}



// .content{
//     position: absolute;
//     top: 60px;
//     bottom: 0;
//     overflow: hidden;
//     width: 100%;
//     padding:20px 40px;
//     box-sizing: border-box;
//     background: #edeef1;
//     display: flex;
// }
// .main{
//   position: relative;
//   width: calc(100% - 320px);
//   height: 100%;
//   display: flex;
//   flex-direction: column;
//   box-sizing: border-box;
//   background: #fff;
//   .header_title{
//     padding: 0 20px;
//     background: #f7f7f7;
//     font-weight: bold;
//     display: flex;
//     box-sizing: border-box;
//     height: 50px;
//     align-items: center;
//     justify-content: space-between;
//     a{
//       color:#000;
//     }
//     .el-icon-info{
//       color: #3bb3ff;
//       font-size: 20px;
//     }
//   }
//   .main-content{
//     width: 100%;
//     flex: 1;
//     padding:0 40px;
//     box-sizing: border-box;
//     h4{
//       padding: 40px 0;
//       color: #475669;
//     }
//   }
//   .footer{
//     height: 55px;
//     padding:30px;
//     box-sizing: border-box;
//     border-top: 1px solid #f2f2f2;
//     width: 100%;
//     display: flex;
//     align-items: center;
//     justify-content: flex-end;
//     background: #Fff;
//   }
//   .el-icon-edit, .el-icon-delete{
//     cursor: pointer;
//     padding:5px 0;
//     font-size: 20px;
//     color:#979797;
//   }
// }
.warp
  flex 1
.el-tag
  margin-right: 8px

// 弹框表格
.burbox .el-dialog__body {
  padding: 0;
}
.tableDialog{
  display: flex;
  height: 550px;
  .tabs{
    width: 170px;
    border-right: 2px solid #f3f8fe;
    .nav-title{
      margin-top: 40px;
      background: #f7f7f7;
      line-height: 40px;
      text-indent: 15px;
      font-size: 17px;
      font-weight: bold;
      color: #000;
    }
    p{
      margin-top: 40px;
      background: #f7f7f7;
      line-height: 36px;
      text-indent: 20px;
      color:#20a1ff;
    }
    .el-menu {
      border-right: 0;
      .title{
        font-size: 15px;
        font-weight: bold;
      }
      .el-menu-item, .el-submenu__title {
        height: 45px;
        line-height: 45px;
      }
    }
  }
  .burli1{
    width: 400px;
    border-right: 2px solid #f3f8fe;
    padding: 40px 20px 0 20px;
  }
  .burli2{
    width: 400px;
    margin-bottom: 20px;
    padding: 40px 20px 0 20px;
  }
  .burli3{
    width: 500px;
    margin-bottom: 20px;
    padding: 40px 20px 0 20px;
  }
}


i,em{
  font-style: normal;
}
/*颜色*/
.red{
	color: red;
}
.blue{
  color: #3DB4FF;
}
.success{
	color: #00aa20;
}
.orange{
	color: #fdad00;
}
.zise{
	color: #6a66ff;
}
.bold{
  font-weight: bold;
}
.right{
  float: right;
}
.clear{
  clear:both;
}
/*****全局滚动条样式 ******/
/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
.scroll{
  overflow-y: scroll;
}
.scroll::-webkit-scrollbar{
  width:7px;
  height:7px;
}
/*滚动条里面可以拖动的那部分（位置5） 主要部分*/
.scroll::-webkit-scrollbar-thumb{
  // background:-webkit-gradient(linear, 0 0, 0 bottom, from(#85d5fe), to(#207bee));
  border-radius:10px;
  background: #c5ced7;
}
// 选择框滚动条
.el-cascader-menu::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.el-cascader-menu::-webkit-scrollbar-thumb{
  border-radius:10px;
  background: #c5ced7;
}
// 富文本滚动条
.ql-editor{
  overflow-y: scroll;
}
.ql-editor::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.ql-editor::-webkit-scrollbar-thumb{
  border-radius:10px;
  background: #c5ced7;
}
// 横向滚动条
.scroll-x{
  overflow-x: scroll;
}
.scroll-x::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.scroll-x::-webkit-scrollbar-thumb{
  border-radius:10px;
  background: #c5ced7;
}
/*表格滚动条*/
.el-table__body-wrapper::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb{
  background:#c5ced7;
  border-radius:10px;
}
// 弹框滚动条
.el-dialog__wrapper::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.el-dialog__wrapper::-webkit-scrollbar-thumb{
  background:#c5ced7;
  border-radius:10px;
}
/*****全局滚动条样式 ******/
/* 弹框样式 */
// .el-dialog__header{
//   background: #f7f7f7;
// }
// .el-dialog__title{
//   font-weight: bold;
// }
.el-dialog__footer {
    border-top: 1px solid #f7f7f7;
}




.el-button--danger {
  background-color: #FF546C !important;
  border-color: #FF546C !important;
}
.el-button--danger:hover{
  background-color: #ff7488 !important;
}
.el-button--info 
  background-color: #aa3bce !important
  border-color: #aa3bce !important
.el-button--info:hover
  background-color: #9b2bbf !important;